网站首页 -   -  建站入门 -  建站步骤 -  视频教程 -   -   -  常用软件 -  优化网页 -  网络知识 -   -   关于模板 -   关于域名 -  FTP管理 -  ICP备案 -  邮箱管理 -  网络推广 -  销售心得 -  成功案例 -  dreamweaver知识 -  photoshop知识 -  域名绑定 -  深圳网监局备案 -
QQ浮动在线代码

发布时间 2011-03-23

首先大家需要下载此压缩包,然后解压后用记事本打开qqonline.js文件,修改以下内容:
 

以下是代码片段:

var rich_name=new Array();
var rich_qq=new Array();
var sort_array=new Array();

//以下的杨老师,左老师为浮动QQ里联系人的联系方式,大家可以根据自己的需要改为其它的称呼。
//rich_qq[0]="113211410";这条语句定义的是联系人的QQ号码,我们可以根据实际情况,把其中的113211410改为自己要用到的QQ号码。

rich_name[0]="杨老师";
rich_qq[0]="113211410";

//左老师这里的两句代码修改方式同上。如果我们还有更多的联系人,可复制粘贴以下两句,然后修改为第三个,第四个联系人的资料。

rich_name[1]="左老师";
rich_qq[1]="365819048";

//如果只有两个联系人,以下代码可以不动,如果有三个联系人,则var sort_array=[0,1,2]; 
//如果是四个联系人,则var sort_array=/[0,1,2,3];五个,六个,以此类推。


var sort_array=[0,1];
var show_name,show_qq,qq_list="";
sort_array.sort(function(){return Math.random()>0.5?-1:1;});

//如果只有两个联系人,以下代码可以不动,如果有三个联系人,则for (i=0;i<=2;i++)
//如果是四个联系人,则for (i=0;i<=3;i++) 五个,六个,以此类推。
//可修改以下的锐奇字眼为自己的名称。

for (i=0;i<=1;i++)
{
 show_name=rich_name[sort_array[i]];
 show_qq=rich_qq[sort_array[i]];
 qq_list+="<img src='/images/art.gif'>"+show_name+"<a href='http://wpa.qq.com/msgrd?V=1&Uin="+show_qq+"&Site=锐奇_"+show_name+"&Menu=yes' target='blank'><img SRC='http://wpa.qq.com/pa?p=1:"+show_qq+":7' alt='锐奇QQ服务' border='0'></a><BR>";
}

var showbody='<TABLE width=130 border=0 align=center cellPadding=0 cellSpacing=0 bgcolor="#f2f2f2" class=44><TR> <TD vAlign=top><TABLE align=center background=/images/ccd.jpg border=0 cellPadding=0 cellSpacing=0 class=1 height=26 width="100%">    <TR>   <TD height=15 width=28><DIV align=center><A target=_blank><IMG border=0 height=13 src="/images/ee.gif" width=10></A></DIV></TD><TD style="COLOR: #333333; FILTER: dropshadow(color=#cccccc,offx=1,offy=1)">在线创业咨询</TD><TD     width=20     style="COLOR: #333333; FILTER: dropshadow(color=#cccccc,offx=1,offy=1)"><IMG src="/images/close_ico.gif" width=15 height=15 border="0"  onClick="closeBanner();"></TD></TR>  </TABLE>  <TABLE   width="98%" border=0 cellPadding=0 cellSpacing=0>    <TR>   <TD class=w4 vAlign=top><table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"><tr><td>'+qq_list+'</td></tr></table></TD></TR></TABLE></TD></TR></TABLE>';

/////////////////以下内容,严禁更改!!!////////////////////////////

 var delta=0.15
 var collection;
 var closeB=false;
 function floaters() {
  this.items = [];
  this.addItem = function(id,x,y,content)
      {
     document.write('<DIV id='+id+' style="Z-INDEX: 10; POSITION: absolute;  width:80px; height:60px;left:'+(typeof(x)=='string'?eval(x):x)+';top:'+(typeof(y)=='string'?eval(y):y)+'">'+content+'</DIV>');
     var newItem    = {};
     newItem.object   = document.getElementById(id);
     newItem.x    = x;
     newItem.y    = y;

     this.items[this.items.length]  = newItem;
      }
  this.play = function()
      {
     collection    = this.items
     setInterval('play()',10);
      }
  }
  function play()
  {
   if(screen.width<=648 || closeB)
   {
    for(var i=0;i<collection.length;i++)
    {
     collection[i].object.style.display = 'none';
    }
    return;
   }
   for(var i=0;i<collection.length;i++)
   {
    var followObj  = collection[i].object;
    var followObj_x  = (typeof(collection[i].x)=='string'?eval(collection[i].x):collection[i].x);
    var followObj_y  = (typeof(collection[i].y)=='string'?eval(collection[i].y):collection[i].y);

    if(followObj.offsetLeft!=(document.body.scrollLeft+followObj_x)) {
     var dx=(document.body.scrollLeft+followObj_x-followObj.offsetLeft)*delta;
     dx=(dx>0?1:-1)*Math.ceil(Math.abs(dx));
     followObj.style.left=followObj.offsetLeft+dx;
     }

    if(followObj.offsetTop!=(document.body.scrollTop+followObj_y)) {
     var dy=(document.body.scrollTop+followObj_y-followObj.offsetTop)*delta;
     dy=(dy>0?1:-1)*Math.ceil(Math.abs(dy));
     followObj.style.top=followObj.offsetTop+dy;
     }
    followObj.style.display = '';
   }
  } 
  function closeBanner()
  
  
 var theFloaters = new floaters();
 //theFloaters.addItem('followDiv2',6,30,showbody);
 theFloaters.addItem('followDiv1','document.body.clientWidth-130',100,showbody);
 theFloaters.play();

 2.把改好的qqonline.js文件上传到服务器的data文件夹.
 3.在需要插入浮动QQ的页面,比如底部区的"代码"区,加入以下代码:

以下是代码片段:

<script language=javascript src="../data/qqonline.js"></script>
点击查看效果

 

相关内容
查无记录
 
公司地址:深圳市福田区福民路12号知本大厦706   邮编:518000        
客服热线:0755-61192828 传真:0755-82915763 
客服的服务质量投诉::service@51rich.net(如果您觉得哪位客服的服务不好或者服务得超级好,都可以发EM通知我们,并写上原因,谢谢您的监督)
网站管理